/* For Common begin */
.font-small{
    font-size:12px;
}

.font-middle{
    font-size:20px;
}

.font-big{
    font-size:30px;
}

.font-bigger{
    font-size: 50px;
}
.font-white{
    color:white;
}

.font-yellow{
    color: #ff942e;
}
.font-green{
    color: #6cc680;
}

.float-right{
    float:right;
}
.float-left{
    float:left;
}

.font-bold{
    font-weight: bold;
}

.font-red{
    color:red;
}

.font-black{
    color: #0f0f0f;
}
.font-grey{
    color:grey;
}

.border-one{
    border:1px solid #eeeeee;
}

.line-one{
    margin-top:10px;
    height:100px;
}

.line-two{
    margin-top:10px;
    height:200px;
}

.line-three{
    margin-top:10px;
    height:420px;

}

.mt-10{
    margin-top:10px;
}

.mt-5{
    margin-top:5px;
}

.mb-5{
    margin-bottom:5px;
}
.mb-200{
    margin-bottom: 200px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-10{
    margin-bottom:10px;
}
.mt-60{
    margin-top: 60px;
}
.mt-20{
    margin-top:20px;
}
.mt-40{
    margin-top: 40px;
}
.mt-150{
    margin-top: 150px;
}
.mt-30{
    margin-top: 30px;
}
.mr-5{
    margin-right: 5px;;
}
.mr-20{
    margin-right: 20px;
}
.mr-88{
    margin-right: 88px;
}
.mr-25{
    margin-right:25px;
}
.mr-50{
    margin-right: 50px;
}
.mr-55{
    margin-right:55px;
}
.mr-240{
    margin-right: 240px;
}
.mr-15{
    margin-right: 15px;
}
.mr-10{
    margin-right: 10px;
}
.ml-5{
    margin-left: 5px;
}
.ml-10{
    margin-left: 10px;
}
.ml-30{
    margin-left: 30px;
}
.ml-40{
    margin-left: 40px;
}
.ml-80{
    margin-left: 80px;
}
.mt-40{
    margin-top: 30px;
}
.ml-115{
    margin-left: 115px;
}
.mt-120{
    margin-top: 120px;
}

.mt-60{
    margin-top: 60px;
}
.mt-25{
    margin-top: 25px;
}
.ml-20{
    margin-left: 20px;
}




/*
.txt-center{
    text-align: center;
}
*/
/*For Common end*/

/*Website top begin*/

.top{
    line-height:30px;
    height:30px;
    background-color:#efefef;
}

.top a:hover{
    text-decoration: none;
}

.top a{

}

.banner{
    background: #DDF0ED;
    height: 100px;
    line-height:100px;
}

.logo{
    font-size:60px;
}

.banner a{
    margin-right:60px;
}

.banner a:hover{
    text-decoration: none;
}

.search-btn{
    height:30px; width: 45px;color: #ffffff;border-color: #1c293a;background-color:  #1c2930;
}

.banner .search{
    width:220px;
}

.footer-info{
    height:270px;
    background-color: #DDF0ED;
}
.qr-code {
    height: 140px;
    width: 140px;
    background-size: cover ;
}
.logo_wh{
    margin-left: -30px;
    width:120px;
    height:85px;
}
.border-right{
    border-right:1px solid #c8c8c8;
}
.bk-white{
    background-color: white;
}
.bk-grey{
    background-color: #e3e3e3;
}
.bk-blue{
    background-color: #c2ebf8;
}
.pb-50{
    padding-bottom: 50px;
}
.font-black{
    color: black;
}
.font-17{
    font-size: 17px;
}
.font-15{
    font-size: 15px;
}
/* Website Top end*/
.container { width: 1280px !important; max-width: none !important; }
.container-fluid { width: 1680px !important; max-width: none !important; }
a:hover {text-decoration: none;}

.pt-20{
    padding-top: 20px;
}
.text-center{
    text-align: center;
}
.bk-orange{
    background-color: #69df9f;
}
.forbidInfo{
    font-size: 17px;color: #68d798;
}
.not-allowed:hover{
    cursor: not-allowed;
}
.text-red{
    color: #c10000;
}
/**
首页图片倒影效果
 */
.reflection img{
    margin: 25px;
    opacity: 0.8;
    border: 10px solid #eee;
    /*Transition*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    /*Reflection*/
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.reflection img:hover {
    opacity: 1;
    /*Reflection*/
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    /*Glow*/
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}
/**
首页旋转效果
 */
.rotate img{
    mergin: 20px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.rotate img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
